<style>
    .sharePopup_container{
        width:100%;
        height:100%;
        background-color:rgba(0,0,0,.7);
        position: fixed;
        z-index: 99;
        left:0;
        top:0;
        display: none;
    }
    .sharePopup_wrap{
        width:5.6rem;
        position: relative;
        height:7.92rem;
        left:50%;
        top:50%;
        background:url('__PUBLIC__/images/shareHD/img_beijing2.png') no-repeat;
        background-size:100% 100%;
        transform: translate(-50%,-50%);
        border-radius: 0.25rem;
    }
    .close_sharePopup{
        width:0.56rem;
        height:0.56rem;
        position: absolute;
        background:url('__PUBLIC__/images/shareHD/btn_close.png') no-repeat;
        background-size:100% 100%;
        right:0;
        top:0;
        z-index: 2;
    }
    .sharePopup_top{
        text-align: center;
        position: absolute;
        top:1.1rem;
        width: 100%;
    }
    .sharePopup_top p{font-size:0.34rem;color:#333333;}
    .sharePopup_top h3{font-size:1.06rem;color:#000000;font-weight: 400;}
    .sharePopup_top h3 span{font-size:0.46rem;color:#000000;font-weight: 400;}
    .sharePopup_bottom{
        position: absolute;
        text-align: center;
        width:100%;
        font-size:0.24rem;
        color:#36a2cc;
        top:3.5rem;
    }
    .placeBtn{
        width:4.38rem;
        height:1rem;
        background:url('__PUBLIC__/images/shareHD/img_btn.png') no-repeat;
        background-size:100% 100%;
        position: absolute;
        left:50%;
        top:5.6rem;
        margin-left:-2.19rem;
        animation: Pscalc .7s infinite ease-in-out;
    }
    @keyframes Pscalc{
        0%{transform:scale(1)}
        50%{transform: scale(1.05)}
        100%{transform: scale(1)}
    }
    /* 提示分享 */
    .ts_tc_container{
        width:100%;
        height:100%;
        background-color:rgba(0,0,0,0.5);
        position: fixed;
        top:0;left:0;
        z-index: 99;
        display: none;
    }
    .ts_tc_bg{
        width:100%;
        height:300px;
        background:url('__PUBLIC__/images/public/mg_share.png') no-repeat;
        background-size:100% 100%;
    }
    .ts_tc_contnet{
        font-size:18px;
        color:#ffffff;
        padding:180px 130px 30px 90px;
        text-align: center;
    }
</style>
<section class="sharePopup_container">
    <div class="sharePopup_wrap">
        <div class="close_sharePopup"></div>
        <div class="sharePopup_top">
            <p>待提现余额</p>
            <h3>4.09 <span>元</span></h3>
        </div>
        <div class="sharePopup_bottom">
            <p>助力满10元，任意时间均可提现</p>
        </div>
        <div class="placeBtn"></div>
    </div>
</section>
<!-- 提示分享 -->
<div class="ts_tc_container">   
    <div class="ts_tc_bg">
        <div class="ts_tc_contnet">点击右上角分享到微信群和朋友圈。</div>
    </div>
</div>

<script>
    $('.close_sharePopup').on('click',function(){
        $('.sharePopup_container').fadeOut();
    })
    $('.placeBtn').on('click',function(){
        $('.ts_tc_container').fadeIn();
    })
    $('.ts_tc_container').on('click',function(){
        $(this).fadeOut();
    })
    pushHistory3();
    window.addEventListener("popstate", function(e) {
        $('.sharePopup_container').fadeIn();
    })
    
    function pushHistory3() {window.history.pushState('share', null, document.URL)}
</script>